import Vue from 'vue'
// 导入element-ui的样式
import 'element-ui/lib/theme-chalk/index.css'

import {
  Button, Form, FormItem, Input,
  // 弹框提示组件
  Message,
  Container, Header, Aside, Main,
  Menu, Submenu, MenuItemGroup, MenuItem,
  Breadcrumb, BreadcrumbItem, Card,
  Row, Col, Table, TableColumn,
  Switch, Tooltip, Pagination, Dialog,
  MessageBox,
  Tag, Tree, Select, Option,
  Cascader, Alert, Tabs, TabPane,
  Steps, Step, Checkbox, CheckboxGroup,
  Upload, Timeline, TimelineItem
} from 'element-ui'

Vue.use(Button)
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Input)
Vue.use(Container)
Vue.use(Header)
Vue.use(Aside)
Vue.use(Main)
Vue.use(Menu)
Vue.use(Submenu)
Vue.use(MenuItemGroup)
Vue.use(MenuItem)
Vue.use(Breadcrumb)
Vue.use(BreadcrumbItem)
Vue.use(Card)
Vue.use(Row)
Vue.use(Col)
Vue.use(Table)
Vue.use(TableColumn)
Vue.use(Switch)
Vue.use(Tooltip)
Vue.use(Pagination)
Vue.use(Dialog)
Vue.use(Tag)
Vue.use(Tree)
Vue.use(Select)
Vue.use(Option)
Vue.use(Cascader)
Vue.use(Alert)
Vue.use(Tabs)
Vue.use(TabPane)
Vue.use(Steps)
Vue.use(Step)
Vue.use(CheckboxGroup)
Vue.use(Checkbox)
Vue.use(Upload)
Vue.use(Timeline)
Vue.use(TimelineItem)
/**
 * 弹框提示组件 需要在Vue中全局挂载
 * （把弹框组件挂载到了Vue的原型对象上，这样的话，每一个组件都可以通过 this.$message 来调用element-ui的Message弹框组件了）,
 * $message 是自定义属性，可以按照需要任意改名字
 */
Vue.prototype.$message = Message
Vue.prototype.$confirm = MessageBox.confirm
